{% extends "dtdBase.html" %}

{% block title %}日程{% endblock %}

{% load updateleftmenucss %}

{% block leftmenu %}{% left_css "calendar" %} {% endblock %}
{% block noright %} {% endblock %}

{% block javascript %}
<script type='text/javascript' src='/static/js/plugins/fullcalendar.min.js'></script>
<script type="text/javascript" src="/static/js/custom/calendar.js"></script>
{% endblock %}
{% block maincontentinner %}

                <div class="content">

                    <div id="calendar" ></div>

                </div><!--content-->
{% endblock %}

{% block right %}
<div class="mainright">
        	<div class="mainrightinner">

                <div id="external-events"  class="widgetbox uncollapsible">
                	<div class="title"><h2 class="calendar"><span>我的任务</span></h2></div>
                    <div class="widgetcontent">
                    	<div id= "events">
                            <div class="external-event">My friend's birthday event</div>
                            <div class="external-event">My wedding</div>
                            <div class="external-event">Company party</div>
                            <div class="external-event">Island hopping event</div>
                            <div class="external-event">Fun run event</div>

                        </div>
                        <p>Drag the events to the calendar to set a schedule.</p>
                    </div><!--widgetcontent-->
                </div><!--widgetbox-->

            </div><!--mainrightinner-->
        </div><!--mainright-->
 {% endblock %}